<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <!-- import CSS -->
        <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
        <link rel="stylesheet" href="/css/menu.css">
    </head>
    <body>
        <div id="app">
            <el-container>
                <el-header style="height: 90px;padding: 0px;background-color:#589ef8">
                    <h1 class="header-h1"></h1>
                </el-header>
                <el-container>
                    <el-aside width="240px" style="background-color: #f9fafc">
                        <el-menu
                                default-active="2"
                                class="el-menu-vertical-demo"
                                @open="handleOpen"
                                background-color="#f9fafc"
                                @close="handleClose">
                            <el-menu-item index="1">
                                <i class="el-icon-user-solid"></i>
                                <span slot="title">会员管理</span>
                            </el-menu-item>
                            <el-menu-item index="2">
                                <i class="el-icon-notebook-2"></i>
                                <span slot="title">交易记录</span>
                            </el-menu-item>
                            <el-menu-item index="3">
                                <i class="el-icon-bank-card"></i>
                                <span slot="title">积分管理</span>
                            </el-menu-item>
                        </el-menu>
                    </el-aside>
                    <el-container>
                        <el-main>
                            <!-- 主体内容-->
                        </el-main>
                    </el-container>
                </el-container>
            </el-container>
        </div>
    </body>
    <!-- import Vue before Element -->
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <!-- import JavaScript -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script>
        new Vue({
            el: '#app',
            data: function () {
                return {
                    visible: false,
                    activeIndex: '1',
                    activeIndex2: '1',
                    isCollapse: true
                }
            },
            methods: {
                handleSelect(key, keyPath) {
                    console.log(key, keyPath);
                },
                handleOpen(key, keyPath) {
                    console.log(key, keyPath);
                },
                handleClose(key, keyPath) {
                    console.log(key, keyPath);
                }
            }
        })
    </script>
</html>